﻿.container {
    position: absolute;
    z-index: 1;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, 120px);
    margin: 20px 100px 20px 100px
}

    .container::before {
        display: none;
    }

.item {
    /*background-color: cornflowerblue;*/
    text-align: center;
    display: inline;
    font-size: 14px;
    border-radius: 5px;
    /*border: 1px solid gray;*/
}

    .item p {
        word-wrap: break-word; /*自动换行*/
        white-space: normal;
        user-select: none;
    }

    .item:hover {
        background-color: lightblue;
    }

.item-selected {
    text-align: center;
    display: inline;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid lightblue;
}

    .item-selected p {
        word-wrap: break-word; /*自动换行*/
        white-space: normal;
        user-select: none;
    }

    .item-selected:hover {
        background-color: lightblue;
    }

.item-video {
    width: 95%;
    margin: 5px 0 0 0
}

.item-img {
    width: 100px;
    margin: 5px 0 0 0
}

.warp-mask {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
}

.uploader {
    position: absolute;
    z-index: 9999;
    margin: auto;
    width: 50%;
    background: #eeeeee;
    padding-top: 20px;
    display: none;
}
